<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>POS - Hiba</title>
		<link rel="stylesheet" href="<?= $css; ?>style.css" media="screen">
		<link rel="stylesheet" href="<?= $css.$url[0].".css"; ?>" media="screen">
		<script type="text/javascript" src="<?= $js; ?>jquery.min.js"></script>
		<script type="text/javascript">
			function redirect(to){
				window.location.href = "index.php?url=" + to;
			}
		</script>
	</head>

	<body>
		<div id="content">
			<div>
				<b>HIBA!</b>
				<?= "<p>".$msg."</p>"; ?>
				<input type="button" value="Vissza a Főoldalra" onclick="redirect('pos');">
			</div>
		</div>

		<div id="footer">
			<img src="<?= $img; ?>usr/<?= $usr[0]; ?>.png">
			<?= $usr[1]; ?>
			<span><input type="button" value="Kijelentkezés" onclick="redirect('&logout=');"></span>
		</div>

		<script type="text/javascript">
			function setSize(){
				$('#content').css({
					'height' : $(window).height()-50-20,
					'font-size' : ($(window).height()-50-20)/12
				});

				$('#content input').css({
					'font-size' : ($(window).height()-50-20)/12
				});

				$('#content div').css({
					'margin-top' : ($('#content').height()-$('#content div').height())/2
				});
			}

			$(window).resize(function(){ setSize(); });

			setSize();
		</script>
	</body>
</html>